<template>
    <div class="row_news_scroll">
        <div class="row_scroll_newsL" id="notices">
            <div style="width: 100%; height: 100%; position: relative; overflow: hidden;">
                <vue-seamless-scroll :data="messarr" :class-option="classOption"  class="warp">
                    
                        <span  v-for="(item,index) in messarr"  :key="index"  style="padding-right:20px;">
                            <label>{{index+1}}、</label>{{item.FNoticeTitle}}：
                            {{item.FNoticeContent}}
                        </span>
                </vue-seamless-scroll>
            </div>
        </div>
    </div>
</template>
<script>
import vueSeamlessScroll from 'vue-seamless-scroll'
export default {
    name:"inform",
    data(){
        return{
            message:{"status":true,"total":4,"rows":[{"Fid":67,"FNoticeType":15,"FNoticeTitle":"\u5e73\u53f0\u7ef4\u62a4\u901a\u77e5","FNoticeContent":"\n<p>\u5c0a\u656c\u7684\u6613\u53d1\u5f69\u4f1a\u5458\uff0c\u60a8\u597d\uff1a<\/p>\n<p>\u00a0 \u00a0 \u00a0 \u00a0\u63a5\u6280\u672f\u90e8\u95e8\u901a\u77e5\uff0c\u6211\u53f8\u5c06\u4e8e2018\u5e749\u670827\u65e5\u51cc\u66682\u70b9\u8fdb\u884c\u7ef4\u62a4\u5347\u7ea7\uff0c\u7ef4\u62a4\u671f\u95f4\u7ed9\u60a8\u5e26\u6765\u7684\u4e0d\u4fbf\u8fd8\u8bf7\u60a8\u7406\u89e3\u54e6\uff0c\u8c22\u8c22<\/p>\n","FLastEditTime":"2018-09-26 13:17:00","FIsShowTime":true},{"Fid":65,"FNoticeType":15,"FNoticeTitle":"\u5173\u4e8e\u5165\u6b3e\u95ee\u9898","FNoticeContent":"\n<p>\u5c0a\u656c\u7684\u6613\u53d1\u5f69\u4f1a\u5458\u60a8\u597d\uff1a<\/p>\n<p>\u00a0 \u00a0 \u00a0 \u00a0\u6211\u53f8\u5165\u6b3e\u63d0\u4ea4\u8ba2\u5355\u8bf7\u60a8\u6309\u7167\u4ee5\u4e0b\u6b65\u9aa4\u6b63\u786e\u63d0\u4ea4\u54e6<\/p>\n<p>\u00a0 1\u3001\u5145\u503c\u6211\u53f8\u94f6\u884c\u8d26\u6237----\u8bf7\u60a8\u63d0\u4ea4\u8ba2\u5355\u5907\u6ce8\u4ed8\u6b3e\u4eba\u59d3\u540d<\/p>\n<p>\u00a0 2\u3001\u5145\u503c\u6211\u53f8\u652f\u4ed8\u5b9d\u5546\u6237----\u8bf7\u60a8\u6839\u636e\u9875\u9762\u63d0\u793a\u5907\u6ce8\u5bf9\u5e94\u7684\u5355\u53f7\u540e6\u4f4d\u63d0\u4ea4\u8ba2\u5355<\/p>\n<p>\u00a0 3\u3001\u5145\u503c\u9875\u9762\u5076\u6709\u51fa\u73b0\u4e24\u4e2a\u5546\u6237-----\u63d0\u4ea4\u8ba2\u5355\u8bf7\u60a8\u6309\u7167\u4ed8\u6b3e\u5546\u6237\u9009\u62e9\u5bf9\u5e94\u7684\u8fdb\u5165\u63d0\u4ea4\u8ba2\u5355<\/p>\n","FLastEditTime":"2018-09-24 12:08:39","FIsShowTime":true},{"Fid":63,"FNoticeType":15,"FNoticeTitle":"\u5173\u4e8e\u8d26\u6237\u5b89\u5168\u95ee\u9898","FNoticeContent":"\n<p dir=\"ltr\"><span style=\"font-size: 20px;\">\u5c0a\u656c\u7684\u6613\u53d1\u5f69\u4f1a\u5458\u60a8\u597d\uff1a<\/span><\/p>\n<p dir=\"ltr\"><span style=\"font-size: 20px;\">\u00a0 \u00a0 \u00a0 \u00a0\u4e3a\u4e86\u4f1a\u5458\u8d26\u6237\u5b89\u5168\uff0c\u8bf7\u60a8\u4fdd\u7ba1\u597d\u4e2a\u4eba\u8d26\u6237\u4fe1\u606f\uff0c\u7ecf\u5e38\u66f4\u6362\u5bc6\u7801\uff1b\u82e5\u5728\u5176\u5b83\u516c\u7528\u8bbe\u5907\u767b\u5165\u8bf7\u52ff\u4fdd\u5b58\u8d26\u53f7\u5bc6\u7801\uff0c\u79bb\u5f00\u8bbe\u5907\u8bf7\u6e05\u9664\u6d4f\u89c8\u5668\u7f13\u5b58\uff0c\u8c22\u8c22\uff01<\/span><\/p>\n","FLastEditTime":"2018-09-19 17:38:08","FIsShowTime":true},{"Fid":50,"FNoticeType":15,"FNoticeTitle":"\u6b22\u8fce\u5149\u4e34-\u6613\u53d1\u5f69\u7968","FNoticeContent":"<p><span style='color: rgb(51, 51, 51); font-family: \"Microsoft YaHei\"; font-size: 14px; background-color: rgb(255, 255, 255);'>\u6b22\u8fce\u5149\u4e34-\u6613\u53d1\u5f69\u7968 \u5b98\u65b9 \u7f51\u5740 018381.com \u00a0\u5f69\u7968\u5962\u534e\u4e4b\u65c5 \u7b49\u60a8\u5f00\u542f \u5728\u8fd9\u91cc\u60a8\u5c06\u611f\u53d7\u5230\u4e0e\u4f17\u4e0d\u540c\uff0c\u524d\u6240\u672a\u6709\u7684\u6e38\u620f\u4f53\u9a8c\uff0c\u6211\u4eec\u7684\u4fe1\u8a89\u4fdd\u8bc1\uff0c\u54c1\u724c\u5353\u8d8a\uff0c\u662f\u60a8\u6700\u660e\u667a\u7684\u7f51\u6295\u9009\u62e9\uff01\uff01\uff01<\/span><\/p>","FLastEditTime":"2018-08-27 19:02:39","FIsShowTime":true}],"type":2},
            messarr:[],
        }
    },
    computed: {
        classOption: function () {
        return {
            step:0.3,
            direction: 2,
            limitMoveNum: 2
        }
        }
    },
    methods:{
        //去掉所有标签
        delHtmlTag(str){
            return str.replace(/<[^>]+>/g,"");//去掉所有的html标记
        },
    },
    components:{
        vueSeamlessScroll,
    },
    created(){
        let _this = this;
        let rows = this.message.rows;
        let arr = [];
        for(let i =0;i<rows.length;i++){
            let json = {};
            json.FNoticeContent = _this.delHtmlTag(rows[i].FNoticeContent);
            json.FNoticeTitle = rows[i].FNoticeTitle;
            arr.push(json);
        };
        this.messarr = arr;
    }
}
</script>

<style scoped>
.row_news_scroll{
    border-bottom: 1px solid #ededed;
    margin: 0;
}
.row_scroll_newsL {
    float: none;
    width: auto;
    height: 48px;
    line-height: 48px;
    text-align: left;
    overflow: hidden;
}

.row_news_scroll {
        height: 57px;
    line-height: 48px;
    padding-top: 10px;
    font-size: 12px;
    padding-left: 144px;
    width: 760px;
    overflow: hidden;
    background: url(https://066981.com/themes/simpleboot3/public/assets/Content/mapping/jiucai/images/anniu2.png?079abf1a27) no-repeat 0 -376px;
}
.warp{
    width: 5000px;
}
</style>
